
    <style>
        body{
            font-family: "Microsoft Yahei", "微软雅黑", "Pinghei";
        }
        button,a{
            border: none;
            font-size: 16px;
        }
        .order_show{
            padding:20px;
        }
        .order_info{
            line-height:30px;
            font-size:14px;
            color:#666;
            padding:20px;
        }
        .order_pay{
            line-height:30px;
            font-size:16px;
            color:#333;
            padding:20px;
            /*border-bottom:1px solid #eee;*/
        }
        .order_pay img{
            float: left;
            margin-right: 20px;
        }
        .order_pay p{
            margin: 0;
            float: left;
        }
        .order_pay p span{
            color: crimson;
        }
        .order_btn1, .order_btn2 {
            display: block;
            text-decoration: none;
            color: #fff;
            margin: 10px;
            float: left;
            height: 40px;
            line-height: 40px;
            width: calc(50% - 20px);
            text-align: center;
            border-radius: 3px;
            font-size: 12px;
        }
        .order_btn1{
            background: crimson;
        }
        .order_btn2{
            background: #ccc;
        }
        @media only screen and (min-width: 768px) {
            .layui-layer-iframe{min-height: 400px;}

        }
        @media only screen and (max-width: 768px) {
            .layui-layer-iframe{width: 80%!important;}

        }
        .note{
            color: #8c8787;
            font-size: 13px;
        }
        .alipaybg{
            background: #00a7ef;
            color: #ffffff;
            padding-bottom: 7px;
        }

        .wxpaybg{
            background: #08bb21;
            color: #ffffff;
        }
    </style>

<form id="payForm" name="p" method="post"  target="_blank"> <input type="hidden" name="trade_no" value="T210508182512200098">
    <div class="order_show">
        <input type="hidden" id="orderEncode" value="{$orderEncode}">
        <input type="hidden" id="order_no" value="{$order.order_no}">
        <div class="order_pay">
            <img src="/static/common/images/pay/order_pay.png" alt="">
            <p>
                支付金额：
                <span>{$order.amount}元 </span><br>
                支付方式：
                <span>{$order.pay_type_name}</span>
            </p>
            <div style="clear: both">
            </div>
        </div>
        <div class="order_info">
            商品名称： {$order.subject}                <br>
            购买数量： {$order.subject_num}          </div>
<!--        <div class="ymm-prompt form-group">-->
<!--            <p style="padding-left: 16px;">-->
<!--                <input style="display:inline-block;vertical-align: middle;" id="check" class="checkbox" name="agree" type="checkbox" checked="">-->
<!--                <span class="color1" style="font-size: 12px;">点击同意<a id="agreement" href="javascript:;" style="margin-top:-1px;display:inline-block;font-size: 12px;text-decoration: none;color: crimson;">《用户协议》</a>-->
<!--                    </span>-->
<!--            </p>-->
<!--        </div>-->
        <div class="paybtn" id="d1" >
            <button class="order_btn1 paymethod"  data-paymethod="{$order.pay_type}" data-accountid="{$order.account_id}"  type="button" id="pay_btn">确认付款</button>
            <a onclick="back_url()" class="order_btn2">重新选择</a>
        </div>
        <div class="paybtn" id="d2" style="display: none;">
            <a onclick="back_url()" class="order_btn2">返回商品</a>
            <a href="/order/query?orderid={$order.order_no}" id="pay" target="_parent" class="order_btn1"> 等待付款中...</a>
        </div>
<!--        <div class="note">商品问题请先和商家交流，如果处理结果不满意，请于订单当日23点之前联系平台客服，超过时间认定订单没问题。</div>-->
    </div>
</form>
<script src="/static/plugs/layui/layui.js"></script>
<script type="text/javascript">
    function back_url() {
        try {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);// 关闭弹出层
            // parent.$.nyroModalRemove();
        } catch (err) {
            window.history.back();
        }
        return false;
    }

    layui.config({
        base: '__STATIC__/'
    }).use('pay');
</script>
